<template>
  <div class="app">
    <li-loading @loadFinishEvent="loadEvent"></li-loading>
    <div style="width:100%;height:45%"></div>
    <div class="loading">正在加载群聊信息...</div>
  </div>
</template>
<script>
 import Load from '@/components/loading'
 import Header from '@/components/header'

 export default{
   components: {
     'li-header': Header,
     'li-loading': Load
   },
   data(){
     return{
       load: true
     }
   },
   created(){
     console.log('---created-->>>>')
   },
   methods: {
     loadEvent(){
       console.log('----->>>>')
       this.$router.replace({path: '/room'})
     }
   }

 }
</script>

<style lang="less" scoped>
    .app {
        width: 100%;
        height: 100%;
        background: #fff;
        .loading {
            width: 100%;
            height: 100%;
            font-size: 14px;
            color: #499eff;
            font-family: "Microsoft YaHei";
            text-align: center;
        }
    }
</style>
